<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>【吉他女声】人气选手，哪个才是你的【吉他女神】？</title>
    <link rel="stylesheet" href="/static/h5/css/share/share.css">
    @include('web.baidu')
</head>
<body>
@include('h5.weichatshare')
@include('h5.header',['nav' => 3])
<a class="animated bounceIn" id="enter" href="/mobile/action/baoming"><em class="icon icon-txt-enter"></em></a>
<div class="guitar-main" id="share">
    <header>
        <img src="/static/h5/images/common/bg_hot.jpg">
			<span class="main">
				<em class="icon icon-txt-hot animated fadeInDown"></em>
			</span>
    </header>
    <section>
        <div class="title clearfix">
            <span class="fl avatar"><img src="/{!! $singer['avatar'] !!}"></span>
            <span class="fl username">{!! $singer['nick'] !!}</span>
        </div>
        <div id="video">
            {{--<video src="/static/h5/images/test/test.mp4" controls="controls">您的浏览器不支持 video 标签。</video>--}}
            {!! $singer['video'] !!}
        </div>
    </section>
    <p class="share-title"><span>分享有礼</span></p>
    <section>
        <p class="content">分享你喜欢的【吉他女声】至朋友圈，<span style="color:red;">集满30个赞</span>，<br/>截图发送至<span style="color:red;">【雅马哈电声乐器】</span>公众号，<br/>即可获得<span style="color:red;">定制运动水壶</span>一个（前1000名限定）<br/>快为你喜欢的选手拉票吧！
        </p>
        <p class="bottle"><em class="icon icon-bottle"></em></p>
        <p class="share">点我领取</p>
    </section>
</div>

<div class="layer" style="display: none;">
<em class="icon icon-guide"></em>
<p class="layer-content">分享你喜欢的【吉他女声】至朋友圈，<span>集满30个赞</span>，<br/>截图发送至<span>【雅马哈电声乐器】</span>公众号，<br/>即可获得<span>定制运动水壶</span>一个（前1000名限定）<br/>快为你喜欢的选手拉票吧！</p>
<p class="layer-bottle"><em class="icon icon-bottle"></em></p>
<p class="layer-code">
<img src="/static/h5/images/test/er.gif">
<span>长按关注微信公众号</span>
</p>
</div>
<script type="text/javascript" src="/static/web/js/lib/jquery/jquery-2.0.3.min.js"></script>
<script>
    $(function () {
        $('#video iframe').height('200').width('100%');

        $('.bottle').click(function(){
            $('.layer').slideDown('fast');
        });

        $('.layer').click(function(){
            $(this).slideUp('fast');
        });
    });
</script>
</body>
</html>

